<template>
  <div>
    <hm-dialog>
      <!-- 注意：💥 接收的数据， 只能在template标签内使用 -->

      <!-- 2. 接收：#插槽名称="接收的对象变量" -->
      <template #title="{ msg, list }">
        <h1>{{ msg }}</h1>
        <ul>
          <li v-for="item in list" :key="item">{{ item }}</li>
        </ul>
      </template>

      <template #content="{ count }">
        <p>请输入正确的手机号码 - {{ count }}</p>
      </template>

      <template #default>
        <button>确定</button>
        <button>关闭</button>
      </template>
    </hm-dialog>
    <hr />
  </div>
</template>

<script>
import HmDialog from "./components/HmDialog.vue";
export default {
  components: {
    HmDialog,
  },
};
</script>

<style></style>
